﻿body {
    overflow:hidden;
}

div.button {
    float: left;
    margin: 10px;
}

div.input {
    float: left;
    margin: 5px;
    width: 70px;
}

div.input input {
    width: 5px;
}

div.label {
    float: left;
    margin: 10px;
    text-align: center;
    width: 100px;
}

div.text {
    float: left;
    margin: 10px;
    margin-top: 15px;
}

div.error {
    color: red;
    float: left;
    margin: 10px;
}

div.clear {
    clear: both;
}

#contentGrid {
    display: -ms-grid;
    -ms-grid-rows: 1fr;
    -ms-grid-columns: 50% 50%;
    height: 100%;
    overflow: scroll;
}

.leftContent {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
}

.rightContent {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
}

@media screen and (-ms-view-state: fullscreen-landscape) {
}

@media screen and (-ms-view-state: filled) {
}

@media screen and (-ms-view-state: snapped) {
}

@media screen and (-ms-view-state: fullscreen-portrait) {
}
